<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minmum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="format-detection" content="telephone=no, email=no" />
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
		<link rel="stylesheet" href="../css/font-awesome.min.css" />
		<link rel="stylesheet" href="../css/details.css" />
	</head>
	<body>
		<header>
			<a href="account.html"><i class="fa fa-angle-left"></i></a>
			<p>开心消消乐<a href="javascript:;"><i class="fa fa-caret-down"></i></a></p>
		</header>
		<div class="details_content">
			<div class="details_top">
				<ul>
					<li>
						<div class="top_l">
							<img src="../img/shanzhu_c_03.png" />
						</div>
						<div class="top_c">
							<div>开心消消乐</div>
							<div>账户状态:正常</div>
						</div>
						<div class="top_r">【签名:消消乐】</div>
					</li>
				</ul>
			</div>
			<div class="details_middle">
				<div class="middle_box">
					<div class="box_l">
						<div class="l_solid">
							<div>短信量(条)</div>
							<div>962</div>
						</div>
						<div class="l_solid">
							<div>应用场景</div>
							<div>APP,H5/web</div>
						</div>
						<div class="l_btn"><a href="details_balance.html">余额转换</a></div>
					</div>
					<div class="box_r">
						<div class="r_solid">
							<div>闪注量(条)</div>
							<div>8502</div>
						</div>
						<div class="r_solid">
							<div>到期时间</div>
							<div>2016/7/1~2017/7/1</div>
						</div>
						<div class="r_btn"><a href="details_top.html">充值</a></div>
					</div>
				</div>
			</div>
			<div class="details_bottom">
				<div class="bot_t">近三月账户消费</div>
				<div class="bot_big">
					<div class="bot_m">
							<img src="../img/shanzhu_c_10.png" class="a1"/>
							<div class="font color1">
								<div>短信:152条</div>
								<div>闪注:652条</div>
							</div>
							<img src="../img/shanzhu_c_13.png" class="a2"/>
							<div class="font color2">
								<div>短信:152条</div>
								<div>闪注:652条</div>
							</div>
							<img src="../img/shanzhu_c_07.png"/>
							<div class="font color3">
								<div>短信:152条</div>
								<div>闪注:652条</div>
							</div>
					</div>
					<div class="bot_bot">
						<span>2016/5</span>
						<span>2016/6</span>
						<span>2016/7</span>
					</div>
				</div>
				<div class="details_last">
					<div>近三个月充值</div>
					<ul>
						<li>
							<span>2016/7/10</span>
							<span>充值项目：闪注1000条</span>
							<span>短信500条</span>
						</li>
						<li>
							<span>2016/7/10</span>
							<span>充值项目：闪注1000条</span>
							<span>短信500条</span>
						</li>
					</ul>
					<img src="../img/shanzhu.png" />
				</div>
				
			</div>
		</div>
		<script src="../js/font.js"></script>
	</body>
</html>
